/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F2F2F2 ;
	color:#6C6C6C;

}
tr{
	font-size:12px; padding:2px;
}
td{
	font-size:13px;
}

.content{
	background-color: #FFFFFF;
    color: #6C6C6C;
    margin: 0 auto;
    width: 80%;
    height:700px;
}
.error{
	border:1px solid #F9A6B1; padding:10px; background-color: #F9F2F3;width:50%
}
.message{
	border:1px solid #BDDCBD; padding:10px; background-color: #F2F9F2;width:50%
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

fieldset, hr{
	border:1px solid #EBE6E6;
	
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:10px;
}

a {
    color: #666666;
    margin-right: 10px;
    padding: 0 0 0 3px;
    text-decoration: none;
}

a:hover, a:visited hover
{
	color:#bba0aa;
	text-decoration:none;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:80%;
	height:60px;
	margin:0 auto;
	padding-top:5px;
	padding-left:20px;
}
#header ul.topLink{
	width:105px;
	height:16px;
	float:right;
	margin:0px;
}
#header ul.topLink li{
	float:left;
	font-size:0;
	line-height:0;
}

#header ul.topLink li a.home{
	display:block;
	width:19px;
	height:18px;
	margin:0 4px 0 0;
}
#header ul.topLink li a.home:hover{
}

#header ul.topLink li a.search{
	display:block;
	width:19px;
	height:18px;
	margin:0 4px 0 0;
}

#header ul.topLink li a.comments{
	display:block;
	width:19px;
	height:18px;
	margin:0 4px 0 0;
}

#header ul.topLink li a.signup{
	display:block;
	width:47px;
	height:16px;
	margin:0;
}
#header img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:21px 41px 0 0;
	float:left;
}
#header div.topTxt{
	display:block;
	font:normal 38px sans-serif,Helvetica;
	color:#FC6F6F;
	background-color:none;	
	float:left;
}
#header div.topTxt span{
	color:#000;
	background-color:none;
	padding:0 3px 0 3px;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:80%;
	margin:0 auto;
	background-color:#fff;
	color:#6C6C6C;
}
#body p.navLeft{
	display:block;
	width:22px;
	height:34px;
	float:left;
}
#body ul.nav{
	width:400px;
	height:34px;
	float:left;
	margin:0 0 6px 0;
}
#body ul.nav li{
	float:left;
	height:34px;
	padding:0 2px 0 0;
}
#body ul.nav li a{
	display:block;
	padding:0 15px;
	font:normal 18px/34px Arial, Helvetica, sans-serif;
	color:#878AB7;
	background-color:inherit;
	text-decoration:none;
}
#body ul.nav li a:hover{
	color:#fff;
	background-color:#bba0aa;
}
#body ul.nav li.noImg{
	background-image:none;
}
#body p.navRight{
	display:block;
	width:22px;
	height:34px;
	float:left;
}
/*------------------------------------------------left--------------------*/
#body_bottom{
clear:both;
	width:90%;
	padding:1px 26px 40px 33px;
	height:450px;
	
}
#body_bottom h2.welcome{
	display:block;
	width:100%;
		height:28px;
	margin:0 0 21px 0;
}
#body_bottom h2.welcome span{
	font-size:0;
	line-height:0;
}
#body_bottom p.lftTxt{
	display:block;
	font-size:12px;
	line-height:18px;
}

#body_bottom li{
	display:block;
	background-repeat:no-repeat;
	background-position:10px 5px;
	padding-left:25px;
	font-size:12px;
	line-height:18px;
}
#body_bottom p.lftTxt span{
	color:#9D0303;
	font-weight:bold;
	background-color:inherit;
}
#body_bottom h2.le{
	display:block;
	margin:10px 0 20px 0;
	font-size:0;
	line-height:0;
}
#body_bottom p.lftTxt2{
	display:block;
	width:264px;
	font-size:12px;
	line-height:18px;
	color:#637704;
	background-color:inherit;
	font-weight:bold;
	margin:0 0 9px 0;
}
#body_bottom p.lftTxt3{
	display:block;
	width:262px;
	font-size:12px;
	line-height:18px;
	margin:0 0 5px 0;
}
#body_bottom p.lftTxt3 span{
	color:#9D0303;
	font-weight:bold;
	background-color:inherit;
	display:block;
}

#body_bottom p.lftTxt3 span a:link, #body_bottom p.lftTxt3 span a:visited{
	color:#9D0303;
	text-decoration:none;
}

#body_bottom a.rm{
	display:block;
	width:60px;
	height:15px;
	margin:0 0 5px 201px;
}

#body_left
{
float:left;
width:90%;
padding:0px 200px 0px 0px;}

#body_right
{
float:right;}

#inner_left
{
float:left;
width:600px;
padding:0px 10px 0px 0px;}

#live
{
padding:10px 0px 0px 20px;}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#body_top{
	width:967px;
	padding:0 8px 0 0;
}
#body_top h3.rightBot{
	display:block;
	color:#141414;
	font:normal 17px/43px Verdana, Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#body_top p.rightTxt{
	display:block;
	font-size:11px;
	line-height:18px;
	width:452px;
}
#body_top p.rightTxt a{
	color:#1E759A;
	background-color:inherit;
	font-weight:bold;
	text-decoration:underline;
}
#body_top p.rightTxt a:hover{
	text-decoration:none;
}

#package{
	width:307px;
	color:#fff;
	padding:0;
	margin:0px 0px 0px 10px;
	float:left;
}
#package h2{
	display:block;
	height:38px;
	margin:0 0 4px 0;
	padding:0;
	text-indent:-2000px;
}
#package h3{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 5px 0;
	display:block;
	padding:0 0 0 21px;
}
#package img.pic3{
	display:block;
	font-size:0;
	line-height:0;
	float:left;
	padding:0 0 0 10px;
}
#package ul{
	
	margin:0px 0px 0px 0px;
	float:left;
}

#package p{	
	margin:0px 0px 0px 0px;
	font-size:11px;
	width:195px;
	text-align:justify;
	float:left;
}

#package ul li{
	font-size:0;
	line-height:0;
}
#package ul li a{
	display:block;
	padding:0 0 0 7px;
	font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#package ul li a:hover{
	background-color:#D4950C;
	color:#fff;
}
#package ul li a.rm4{
	display:block;
	width:56px;
	height:17px;
	margin:6px 0 0 0;
}
	
#package .bottom{
	height:10px;
	margin:0px;
	
	padding:0px;
	font-size:1px;}
	
	/*latest*/
	
	#latest{
	width:307px;
	color:#fff;
	padding:0;
	margin:0px 0px 0px 15px;
	float:left;
}
#latest h2{
	display:block;
	height:38px;
	margin:0 0 4px 0;
	padding:0;
	text-indent:-2000px;
}
#latest h3{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 5px 0;
	display:block;
	padding:0 0 0 21px;
}
#latest img.pic3{
	display:block;
	font-size:0;
	line-height:0;
	float:left;
	padding:0 0 0 14px;
}
#latest ul{
margin:0px 0px 0px 10px;
		float:left;
}
#latest ul li{
	font-size:0;
	line-height:0;
}
#latest ul li a{
	display:block;
	padding:0 0 0 7px;
	font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#latest ul li a:hover{
	background-color:#D4950C;
	color:#fff;
}
#latest ul li a.rm4{
	display:block;
	width:56px;
	height:17px;
	margin:12px 0 0 0;
}
	
	#latest .bottom{
	height:10px;
	margin:0px;
	padding:0px;
	font-size:1px;}
	
	/*question*/
	
	#question{
	width:307px;
	color:#fff;
	padding:0;
	margin:0px 0px 0px 0px;
	float:right;
}
#question h2{
	display:block;
	height:38px;
	margin:0 0 4px 0;
	padding:0;
	text-indent:-2000px;
}
#question h3{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 5px 0;
	display:block;
	padding:0 0 0 21px;
}
#question img.pic3{
	display:block;
	font-size:0;
	line-height:0;
	float:left;
	padding:0 0 0 14px;
}
#question ul{
	margin:0px 0px 0px 10px;
	width:190px;
		float:left;
}
#question ul li{
	font-size:0;
	line-height:0;
}
#question ul li a{
	display:block;
	padding:0 0 0 7px;
	font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#question ul li a:hover{
	background-color:#D4950C;
	color:#fff;
}
#question ul li a.rm4{
	display:block;
	width:56px;
	height:17px;
	margin:12px 0 0 0;
}
	
	#question .bottom{
	height:10px;
	margin:0px;
	padding:0px;
	font-size:1px;
	}

#footer{
	width:979px;
	height:60px;
	padding:14px 0 0 0;
	margin:0 auto;
	position:relative;
}
#footer p.copyright{
	font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
		float:right;
	top:14px;
	
	color:#000;
	background-color:inherit;
}
#footer p.design{
	display:block;
	padding:0;
	position:absolute;
	left:797px;
	top:31px;
	font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#0F6B92;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#0F6B92;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
#footer a.xhtml{
	display:block;
	width:91px;
	height:21px;
	position:absolute;
	left:13px;
	top:14px;
	text-indent:-2000px;
}
#footer a.css{
	display:block;
	width:91px;
	height:21px;
	position:absolute;
	left:110px;
	top:14px;
	text-indent:-2000px;
}
/*------------------------------------------------footer--------------------*/

#portfolio_box
{
width:293px;
float:left;
border:1px;
margin:10px 5px;}

#portfolio_box img
{
border:1px;
}

#portfolio_box .port_head
{
display:block;
font-size:12px;
font-weight:bold;
height:18px;
color:#9d0303;
}

#portfolio_box .port_link
{
display:block;
font-size:12px;
font-weight:normal;
height:18px;
text-align:right;
}

.pub_homeBox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C7C7C7;
    float: left;
    height: 165px;
    margin: 20px;
    padding:10px;
    text-align: center;
    width: 160px;
}

input[type='submit'] {
	display: block;
	border: 0;
	background: #0072c6;
	padding: 7px 22px;
	text-align: center;
	font-weight: normal;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	color:#f3f3f3;
	font-size:16px;
	margin:10px;
}
input[type='submit']:hover, input[type='button']:focus{
background-color :#196A9E; 
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

input[type='text'],input[type='password'],textarea{
	height: 30px;	
	border: 1px solid rgb(101, 185, 246);
	font: 16px arial,sans-serif;
	text-indent: 10px;
}

.search-bar-submit {
    background-color: #F8E796;
    border: 1px solid #E7D488;
    padding:2px;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    color: #565656;    
    line-height: 17px;
    height: 34px;
    cursor: pointer;
    -moz-appearance: button;
}


/** publish wizard */
`
/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin:20px 10px 0px 10px;
    padding:0px;
    position: relative;
    clear:both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.wizard-steps .step {
    position:relative;
}
.wizard-steps div {
    float: left; 
margin-left: -2px;        
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 10px;
    text-align:center;
    width:15px;
    margin: 2px 5px 0px 0px;
    line-height:15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    height:24px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#666;
    background: #DAD8D3;
    text-decoration:none;
}
.wizard-steps .a-before {
    width:0px;
    height:0px;
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff;
    border-left:12px solid transparent;

}
.wizard-steps .a-after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
	margin-left: 0;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .completed-step a {
    color:#fff;
    background: #0E73A2;
}
.wizard-steps .completed-step .a-before {
    border-top: 12px solid  #0E73A2;
    border-bottom: 12px solid  #0E73A2;
}
.wizard-steps .completed-step .a-after {
    border-left: 12px solid  #0E73A2;
}
.wizard-steps .completed-step span {
    border: 2px solid #163038;
    color: #163038;
    text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
    color:#000;
    background: #96B381;
}
.wizard-steps .active-step .a-before {
    border-top: 12px solid #96B381;
    border-bottom: 12px solid #96B381;
}
.wizard-steps .active-step .a-after {
    border-left: 12px solid #96B381;
}
.wizard-steps .active-step span {
    color: #163038;
    text-shadow:none;
    border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#fff;
    background: #ADAFB0 ;
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    color:#ADAFB0 ;
}
.wizard-steps .completed-step:hover .a-before, .wizard-steps .active-step:hover .a-before {
    border-top: 12px solid #ADAFB0 ;
    border-bottom: 12px solid #ADAFB0 ;
}
.wizard-steps .completed-step:hover .a-after, .wizard-steps .active-step:hover .a-after {
    border-left: 12px solid #ADAFB0 ;
}
/** end wizard */

/** date picker */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}